<template>
  <view class="flex flex-column" :style="'height:' + screenHigth + 'px;'">
    <!-- 头部 -->
    <yHeader
      :current="6"
      :screenWidth="screenWidth"
      @Tabs="handleTabs"
    ></yHeader>
    <view class="bg-grey py-4" style="height: 100%">
      <view class="__inner">
        <view class="text-center" v-for="index in 5" :key="index">
          <view class="p-2">12:00</view>
          <view class="flex justify-between bg-white p-2">
            <view class="img">图片</view>
            <view>
              <view>查看详情</view>
            </view>
          </view>
        </view>
        <view class="bg-white p-2 mt-2 flex justify-between">
			<!--  -->
          <view></view>
          <el-pagination
            background
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="form.pageNum"
            :page-sizes="[5, 10, 15, 20]"
            :page-size="form.pageSize"
            layout="total, sizes, prev, pager, next, jumper"
            :total="total"
          >
          </el-pagination>
        </view>
      </view>
    </view>
    <!-- 底部 -->
    <yFooter :screenWidth="screenWidth"></yFooter>
  </view>
</template>

<script>
const app = getApp();
import yHeader from "@/components/yHeader.vue";
import yFooter from "@/components/yFooter.vue";
export default {
  components: {
    yHeader,
    yFooter,
  },
  data() {
    return {
      screenWidth: uni.getSystemInfoSync().windowWidth,
      screenHigth: uni.getSystemInfoSync().windowHeight,
      ThemeColors: app.globalData.ThemeColors,
      form: {
        pageNum: 1,
        pageSize: 5,
      },
      total: 0,
    };
  },
  methods: {
    handleCurrentChange(val) {
      this.form.pageNum = val;
    },

    handleSizeChange(val) {
      this.form.pageSize = val;
    },
    handleTabs(url) {
      uni.navigateTo({
        url,
      });
    },
    bankdetails() {
      uni.navigateTo({
        url: "/pages/finance/factoring/tigong",
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.img {
  width: 160rpx;
  height: 160rpx;
}
</style>
